<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主流媒体数据获取平台</title>
    <link rel="stylesheet" href="../static/css/bootstrap.css">
    <link rel="stylesheet" href="../static/css/icon.css">
    <link rel="stylesheet" href="../static/css/index.css">
    <script src="../static/js/jquery.js"></script>
    <script type="module" src="../static/js/index.js"></script>
    <script src="../static/js/interactiveAnimation.js"></script>
    <style>

    </style>
</head>

<body>
    <!-- 遮罩层 -->
    <div class="shade">
        <!-- 任务编辑页面 -->
        <div class="edit_task">
            <div class="pingtai-list">
                <ul>
                    <li class="weixin-pingtai"><span>微信</span></li>
                    <li class="weiboAPI-pingtai"><span>微博API</span></li>
                    <li class="weiboScrapy-pingtai"><span>微博Scrapy</span></li>
                    <li class="baijiahao-pingtai"><span>百家号</span></li>
                    <li class="baidu"><span>百度</span></li>
                </ul>
                <button type="button" class="cancel new-task-button">取消</button>
            </div>
            <!-- 微博参数 -->
            <div class="weiboAPI canshu-list">
                <form class="form-horizontal">
                    <!-- 任务名 -->
                    <div class="form-group line-space">
                        <label for="name" class="col-sm-3 control-label" style="text-align: center;">任务名</label>
                        <div class="col-sm-9">
                            <input type="text" data-name="weiboAPI" class="form-control" id="name" placeholder="任务名">
                        </div>
                    </div>
                    <!-- 关键字 -->
                    <div class="form-group line-space">
                        <label for="kwd" class="col-sm-3 control-label" style="text-align: center;">关键字</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control canshu" id="kwd" placeholder="关键字">
                        </div>
                    </div>
                    <!-- 开始时间 -->
                    <div class="form-group line-space">
                        <label for="fromdate" class="col-sm-3 control-label" style="text-align: center;">开始时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="fromdate">
                        </div>
                    </div>
                    <!-- 结束时间 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">结束时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="todate">
                        </div>
                    </div>
                    <!-- 微博类型 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">类型</label>
                        <div class="col-sm-9">
                            <select class="form-control canshu" id="type">
                                <option value="0" selected>全部</option>
                                <option value="1">原创</option>
                                <option value="2">热门</option>
                                <option value="3">关注人</option>
                                <option value="4">认证用户</option>
                                <option value="5">媒体微博</option>
                                <option value="6">观点微博</option>
                            </select>
                        </div>
                    </div>
                    <!-- 微博筛选 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">筛选</label>
                        <div class="col-sm-9">
                            <select class="form-control canshu" id="contain">
                                <option value="0" selected>全部</option>
                                <option value="1">图片</option>
                                <option value="2">视频</option>
                                <option value="3">音乐</option>
                                <option value="4">短链接</option>
                            </select>
                        </div>
                    </div>
                    <!-- 任务周期 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">执行周期</label>
                        <div class="row col-sm-9">
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="decade">
                                    <option id="0" value="0">0</option>
                                    <option id="1" value="1" selected>1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="single">
                                    <option id="0" value="0" selected>0</option>
                                    <option id="1" value="1">1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="unit">
                                    <option value="minute" selected>minute</option>
                                    <option value="hour">hour</option>
                                    <option value="day">day</option>
                                    <option value="month">month</option>
                                    <option value="year">year</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
                <button class="cancel new-task-button">取消</button>
                <button class="add new-task-button" id="weiboAPI">确认</button>
            </div>
            <!-- 微博参数end -->

            <!-- 微博参数 -->
            <div class="weiboScrapy canshu-list">
                <form class="form-horizontal">
                    <!-- 任务名 -->
                    <div class="form-group line-space">
                        <label for="name" class="col-sm-3 control-label" style="text-align: center;">任务名</label>
                        <div class="col-sm-9">
                            <input type="text" data-name="weiboScrapy" class="form-control" id="name" placeholder="任务名">
                        </div>
                    </div>
                    <!-- 关键字 -->
                    <div class="form-group line-space">
                        <label for="kwd" class="col-sm-3 control-label" style="text-align: center;">关键字</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control canshu" id="kwd" placeholder="关键字">
                        </div>
                    </div>
                    <!-- 开始时间 -->
                    <div class="form-group line-space">
                        <label for="fromdate" class="col-sm-3 control-label" style="text-align: center;">开始时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="fromdate">
                        </div>
                    </div>
                    <!-- 结束时间 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">结束时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="todate">
                        </div>
                    </div>
                    <!-- 微博类型 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">类型</label>
                        <div class="col-sm-9">
                            <select class="form-control canshu" id="type">
                          <option value="0" selected>全部</option>
                          <option value="1">原创</option>
                          <option value="2">热门</option>
                          <option value="3">关注人</option>
                          <option value="4">认证用户</option>
                          <option value="5">媒体微博</option>
                          <option value="6">观点微博</option>
                        </select>
                        </div>
                    </div>
                    <!-- 微博筛选 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">筛选</label>
                        <div class="col-sm-9">
                            <select class="form-control canshu" id="contain">
                                <option value="0" selected>全部</option>
                                <option value="1">图片</option>
                                <option value="2">视频</option>
                                <option value="3">音乐</option>
                                <option value="4">短链接</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="cookies" class="col-sm-3 control-label" style="text-align: center;">Cookies</label>
                        <div class="col-sm-9">
                            <textarea class="form-control canshu" id="cookies" rows="1" style="max-width: 335px;max-height: 35px;"></textarea>
                        </div>
                    </div>
                    <!-- 任务周期 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">执行周期</label>
                        <div class="row col-sm-9">
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="decade">
                                    <option id="0" value="0">0</option>
                                    <option id="1" value="1" selected>1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="single">
                                    <option id="0" value="0" selected>0</option>
                                    <option id="1" value="1">1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="unit">
                                    <option value="minute" selected>minute</option>
                                    <option value="hour">hour</option>
                                    <option value="day">day</option>
                                    <option value="month">month</option>
                                    <option value="year">year</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
                <button class="cancel new-task-button">取消</button>
                <button class="add new-task-button" id="weiboScrapy">确认</button>
            </div>
            <!-- 微博参数Scrapy end -->

            <!-- 微信参数 -->
            <div class="weixin canshu-list">
                <form class="form-horizontal">
                    <div class="form-group line-space">
                        <label for="name" class="col-sm-3 control-label" style="text-align: center;">任务名</label>
                        <div class="col-sm-9">
                            <input type="text" data-name="weixin" class="form-control" id="name" placeholder="任务名">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="kwd" class="col-sm-3 control-label" style="text-align: center;">关键字</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control canshu" id="kwd" placeholder="关键字">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="fromdate" class="col-sm-3 control-label" style="text-align: center;">开始时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="fromdate">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">结束时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="todate">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="cookies" class="col-sm-3 control-label" style="text-align: center;">Cookies</label>
                        <div class="col-sm-9">
                            <textarea class="form-control canshu" id="cookies" rows="3"></textarea>
                        </div>
                    </div>
                    <!-- 任务周期 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">执行周期</label>
                        <div class="row col-sm-9">
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="decade">
                                    <option id="0" value="0">0</option>
                                    <option id="1" value="1" selected>1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="single">
                                    <option id="0" value="0" selected>0</option>
                                    <option id="1" value="1">1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="unit">
                                    <option value="minute" selected>minute</option>
                                    <option value="hour">hour</option>
                                    <option value="day">day</option>
                                    <option value="month">month</option>
                                    <option value="year">year</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
                <button class="cancel new-task-button">取消</button>
                <button class="add new-task-button" id="weixin">确认</button>
            </div>
            <!-- 微信参数end -->

            <!-- 百家号参数 -->
            <div class="baijiahao canshu-list">
                <form class="form-horizontal">
                    <div class="form-group line-space">
                        <label for="name" class="col-sm-3 control-label" style="text-align: center;">任务名</label>
                        <div class="col-sm-9">
                            <input type="text" data-name="baijiahao" class="form-control" id="name" placeholder="任务名">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="kwd" class="col-sm-3 control-label" style="text-align: center;">关键字</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control canshu" id="kwd" placeholder="关键字">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="fromdate" class="col-sm-3 control-label" style="text-align: center;">开始时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="fromdate">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">结束时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="todate">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="cookies" class="col-sm-3 control-label" style="text-align: center;">Cookies</label>
                        <div class="col-sm-9">
                            <textarea class="form-control canshu" id="cookies" rows="3" style="max-width: 50px;max-width: 340px;max-height: 105px;min-height: 35px;"></textarea>
                        </div>
                    </div>
                    <!-- 任务周期 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">执行周期</label>
                        <div class="row col-sm-9">
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="decade">
                                    <option id="0" value="0">0</option>
                                    <option id="1" value="1" selected>1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="single">
                                    <option id="0" value="0" selected>0</option>
                                    <option id="1" value="1">1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="unit">
                                    <option value="minute" selected>minute</option>
                                    <option value="hour">hour</option>
                                    <option value="day">day</option>
                                    <option value="month">month</option>
                                    <option value="year">year</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
                <button class="cancel new-task-button">取消</button>
                <button class="add new-task-button" id="baijiahao">确认</button>
            </div>
            <!-- 百家号参数end -->

            <!-- 百度参数 -->
            <div class="baidu canshu-list">
                <form class="form-horizontal">
                    <!-- 任务名 -->
                    <div class="form-group line-space">
                        <label for="name" class="col-sm-3 control-label" style="text-align: center;">任务名</label>
                        <div class="col-sm-9">
                            <input type="text" data-name="baidu" class="form-control" id="name" placeholder="任务名">
                        </div>
                    </div>
                    <!-- 任务名 -->
                    <div class="form-group line-space">
                        <label for="site" class="col-sm-3 control-label" style="text-align: center;">网址</label>
                        <div class="col-sm-9">
                            <input type="text" data-name="baidu" class="form-control" id="site" placeholder="网址">
                        </div>
                    </div>
                    <!-- 关键字 -->
                    <div class="form-group line-space">
                        <label for="kwd" class="col-sm-3 control-label" style="text-align: center;">关键字</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control canshu" id="kwd" placeholder="关键字">
                        </div>
                    </div>
                    <!-- 开始时间 -->
                    <div class="form-group line-space">
                        <label for="fromdate" class="col-sm-3 control-label" style="text-align: center;">开始时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="fromdate">
                        </div>
                    </div>
                    <!-- 结束时间 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">结束时间</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control canshu" id="todate">
                        </div>
                    </div>
                    <div class="form-group line-space">
                        <label for="cookies" class="col-sm-3 control-label" style="text-align: center;">Cookies</label>
                        <div class="col-sm-9">
                            <textarea class="form-control canshu" id="cookies" rows="1" style="max-width: 335px;max-height: 35px;"></textarea>
                        </div>
                    </div>
                    <!-- 任务周期 -->
                    <div class="form-group line-space">
                        <label for="todate" class="col-sm-3 control-label" style="text-align: center;">执行周期</label>
                        <div class="row col-sm-9">
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="decade">
                                    <option id="0" value="0">0</option>
                                    <option id="1" value="1" selected>1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="single">
                                    <option id="0" value="0" selected>0</option>
                                    <option id="1" value="1">1</option>
                                    <option id="2" value="2">2</option>
                                    <option id="3" value="3">3</option>
                                    <option id="4" value="4">4</option>
                                    <option id="5" value="5">5</option>
                                    <option id="6" value="6">6</option>
                                    <option id="7" value="7">7</option>
                                    <option id="8" value="8">8</option>
                                    <option id="9" value="9">9</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <select class="form-control cycle" id="unit">
                                    <option value="minute" selected>minute</option>
                                    <option value="hour">hour</option>
                                    <option value="day">day</option>
                                    <option value="month">month</option>
                                    <option value="year">year</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
                <button class="cancel new-task-button">取消</button>
                <button class="add new-task-button" id="baidu">确认</button>
            </div>
            <!-- 百度参数 end -->

        </div>
    </div>

    <!-- 主体 -->
    <div class="box">
        <div class="main">
            <div class="container">
                <!-- 添加任务按钮 -->
                <div class="new_task">
                    <h3 style="float: left;margin:0 0 0 20px;line-height: 50px;height: 50px;">主流媒体数据获取平台</h3>
                    <div class="new"></div>
                </div>
                <!-- 任务选择面板 -->
                <div class="select-task-with-status">
                    <ul class="source">
                        <li class="all-task cur">全部</li>
                        <li class="wait-task">等待中</li>
                        <li class="run-task">运行中</li>
                        <li class="stop-task">未运行</li>
                    </ul>
                </div>
                <!-- 任务列表页 -->
                <div class="father_task_list">
                    <ul class="task_list">
                    </ul>
                </div>
            </div>
            <!-- footer -->
            <div class="footer">
                <ul class="pagenation">
                </ul>
            </div>
        </div>

    </div>

</body>

</html>